<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script type="text/javascript" src="jquery/jquery-1.11.3.js"></script>
        <script type="text/javascript">
            $(function(){
                $("tbody tr").each(function(n) {
                    //使用attr只加入一个参数可以获取属性值
                   //alert($(this).attr("id")); 
                   
                    //通过attr（）设置两个参数 完成对某个节点的属性的设置
                    //$(this).attr("title",$(this).children("td:eq(1)").html());
                
                    //基于json的格式来设置属性
                    //甚至可以设置一些非html的属性personid
                    //通过这些属性来做一些特殊的处理，不是标准话的html。
                    //但是设置特殊属性这种方式在jquery1.4之后就基本不使用了，提供了data方法
                    $(this).attr({"title":$(this).children("td:eq(1)").html(),
                    "id":$(this).children("td:eq(0)").html(),
                    "personid":n
                    });
                    //可以移除属性
                    $("tr#2").removeAttr("personid");
                    
                    
                    
                });
            });
        </script>
    </head>
    <body>
        <a href="jquery_basic01.html">basic01</a>
        <a href="jquery_basic02.html">basic02</a>
        <a href="jquery_basic03.html">basic03</a>
        <a href="http://zjc.zttc.edu.cn">zttc</a>
        <a href="http://www.zttc.edu.cn:8080">zjc</a>
        <table width="700" border="1" align="center" id="tus"></table>
        <table width="700" border="1" align="center" id="users">
            <thead>
                <tr>
                    <td>用户标识</td>
                    <td>用户姓名</td>
                    <td>用户年龄</td>
                    <td>用户密码</td>
                </tr>
            </thead>
            <tbody>
                <tr id="abc">
                    <td>1</td>
                    <td>张三</td>
                    <td>23</td>
                    <td>abc123</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>李四</td>
                    <td>33</td>
                    <td>abc123</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>王五</td>
                    <td>13</td>
                    <td>abc123</td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>赵六</td>
                    <td>45</td>
                    <td>abc123</td>
                </tr>
                <tr>
                    <td>5</td>
                    <td>朱琪</td>
                    <td>21</td>
                    <td>abc123</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>
